<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
        一：三级联动：
                1. 创建选项下拉单
                2.导入提前备好的"area.js" js文件
                3.查看js文件内的内容
                4.先获取索引号为0的js内容 拿到34个省份内容
                5.接下来获取js中索引号为1的值  拿到市级
                6.重复的内容进行封装函数  拿到每个省市县
                7，使用onchange进行内容更改。


        二：放大镜：
                1.设置最外层包裹图片的大盒子
                2.设置"放大镜"的div盒子
                3。设置左边大图的div 导入第一张图片
                4.导入“放大后”的第一张图片
                5. 设置css盒子样式（颜色 大小背景色 边框 位置 定位 显示隐藏 弹性布局..）
                6.设置大图下面的可点击的五张小图
                7. js部分;
                8.首先获取元素 得到元素内容
                9. 利用for循环 设置鼠标事件（触发可点击的五张小图事件）
                10.触碰小图 大图也会随之改变
                11. 排他思想 清除边框时消失
                12.设置鼠标事件 点击左边大图时 右边相对应的大图和黄框出现
                13.设置鼠标事件 点击左边大图时 右边相对应的大图和黄框消失
                14.

         三：PC端不循环轮播图
                1.设置包裹图片的大盒子
                2。两个左右but按钮
                3.无序的li标签包裹需要用的三张轮播图片
                4. 有序的li标签 作为底下的点点
                5.设置css样式
                6.js部分  先使用选择器获取到需要的标签内容
                7.设置鼠标移动时 左右两个按钮显示和隐藏
                8.下面的仨点 可以跳转相应的位置 使用for循环 添加点击事件
                9.声明一个计数器
                10.排他思想


        
        */
    </script>
</body>

</html>